widgets.brease.LineChartGraph

Widget Description

short: Widget to represent historic data
de: Widget zur Repräsentation historischer Daten
en: Widget to represent historic data

Properties

name description category type defaultValue bindable readOnly required localizable editableBinding projectable cssProp (has no setter and getter in JS) groupRefId groupOrder nodeRefId (for linking node and value) deprecated typeRefId (for StyleReference) subtype (for MpComIdentReference)
cursorNode Current value with unit of intersection with cursor Data brease.datatype.Node true true false false false false
cursorValue Current value of intersection with cursor Data Number 0 true true false false false false cursorNode
enable Initial option to enable widget. Behavior Boolean true true false false false false true
interpolationType Definition of interpolation type which should be applied to the graph. Behavior brease.enum.ChartInterpolationType linear false false false false false true
intersectionPointSize Diameter of the intersection point between the graph and the cursor Appearance PixelVal 10px false false false false false true
maxValue Maximum value for graph. Behavior Number 100 false false false false false true
minValue Minimum value for graph. Behavior Number 0 false false false false false true
node Binding for numeric nodes. Data brease.datatype.ArrayNode no defaultValue
defined
true false false false false false
numberOfSamples Defines the number of samples of the datasource, which should be drawn in the chart Data Integer -1 true false false false false true
style reference to a style for this widget type Appearance StyleReference default true false false false false true
value Binding for numeric values. Data NumberArray1D [] true false false false false false node
visible change visibility Behavior Boolean true true false false false false true
xAxisRefId Name of the X-Axis the data refer to Data WidgetReference no defaultValue
defined
false false true false false true
zIndex The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
UInteger no defaultValue
defined
false false true true true

Styleable Properties

name type description defaultValue
lineColor Color

Color of the line

#FF0000
disabledLineColor Color

Color of the line when the widget is disabled

rgba(221, 221, 221, 1)
lineWidth PixelVal

Width of the line

2px
fillColor Color

Color of the area under the line

rgba(255, 255, 255, 0)
disabledFillColor Color

Color of the area under the line when the widget is disabled

rgba(255, 255, 255, 0)
intersectionPointColor Color

Color of the intersection point between the graph and a cursor when not active and not disabled

#FFBB88
activeIntersectionPointColor Color

Color of the intersection point between the graph and a cursor when active and not disabled

#FF8800
disabledIntersectionPointColor Color

Color of the intersection point between the graph and a cursor when disabled

#EEEEEE

Events

name description arguments
Click Fired when widget is clicked
  • origin: String

    id of widget that triggered this event

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

DisabledClick Fired when disabled element is clicked on.
  • origin: String

    id of widget that triggered this event

  • hasPermission: Boolean

    defines if the state is caused due to missing roles of the current user

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

EnableChanged Fired when operability of the widget changes.
  • value: Boolean

    operability

VisibleChanged Fired when the visibility of the widget changes.
  • value: Boolean

    visibility

Actions

name description arguments result
SetEnable Sets the state of property «enable»
  • value: Boolean

SetStyle
  • value: StyleReference

SetVisible Sets the state of property «visible»
  • value: Boolean